<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="utf-8">
  
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <meta name="keywords" content="EricWang's Blog">
  
  <meta property="og:type" content="website">
<meta property="og:title">
<meta property="og:url" content="https://bigbigdreamer.github.io/index.html">
<meta property="og:site_name">
<meta property="og:locale" content="default">
<meta name="twitter:card" content="summary">
<meta name="twitter:title">
  
  
    <link rel="icon" href="favicon.ico">
  
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/style.css">
  <script src="/js/pace.min.js"></script>
  

  
	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?490c72c80e7c5f485272ffc6d84c956b";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>

  

  <script>
    (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      }
      else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
    })();
  </script>
  <meta name="google-site-verification" content="2yIvO7JmvHMSNv3topeJQ8rrtv6HN-mKjYLR5sdxeaQ">
</head>
</html>
<body>
  <div id="container">
      <header id="header">
    <div id="banner"></div>
    <div id="header-outer">
        <div id="header-menu" class="header-menu-pos animated">
            <div class="header-menu-container">
                <a href="/" class="left">
                    <span class="site-title">BigDreamer</span>
                </a>
                <nav id="header-menu-nav" class="right">
                    
                    <a href="/">
                        <i class="fa fa-home"></i>
                        <span>主页</span>
                    </a>
                    
                    <a href="/archives">
                        <i class="fa fa-archive"></i>
                        <span>文章</span>
                    </a>
                    
                    <a href="/about">
                        <i class="fa fa-user"></i>
                        <span>个人介绍</span>
                    </a>
                    
                    <a href="/photo">
                        <i class="fa fa-photo"></i>
                        <span>照片集</span>
                    </a>
                    
                    <a href="/works">
                        <i class="fa fa-briefcase"></i>
                        <span>作品集</span>
                    </a>
                    
                </nav>
                <a class="mobile-header-menu-button">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>
        <div id="header-row">
            <div id="logo">
                <a href="/">
                    <img src="/images/logo.jpg" alt="logo">
                </a>
            </div>
            <div class="header-info">
                <div id="header-title">
                    
                    <h2>
                        BigDreamer
                    </h2>
                    
                </div>
                <div id="header-description">
                    
                    <h3>
                        情不知所起，一往而深。
                    </h3>
                    
                </div>
            </div>
            <nav class="header-nav">
                <div class="social">
                    
                        <a title="EricWang" target="_blank" href="//ivu1314.club">
                            <i class="fa fa-home fa-2x"></i></a>
                    
                        <a title="Github" target="_blank" href="https://github.com/bigbigDreamer">
                            <i class="fa fa-github fa-2x"></i></a>
                    
                        <a title="QQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1826001146&site=qq&menu=yes">
                            <i class="fa fa-qq fa-2x"></i></a>
                    
                </div>
            </nav>
        </div>
    </div>
</header>
      <div class="outer">
        <section id="main" class="body-wrap">
  
    <article id="post-macLanuch" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/37c06834/">如何优雅的让你的Windows桌面变身成为Mac风格</a>
    </h1>
  

          
              <span class="header-cate">
                <i class="fa fa-map-marker"></i>
                  
                  <a href="/categories/方法/">方法</a>
                  
              </span>
          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/37c06834/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="如何优雅的让你的Windows桌面变身成为Mac风格" title="如何优雅的让你的Windows桌面变身成为Mac风格">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x5DE5;&#x5177;
StartIsBack&#xFF1A;&#x900F;&#x660E;&#x5316;&#x684C;&#x9762;&#x72B6;&#x6001;&#x680F;



RocketDock&#xFF1A;&#x4EFF;Mac&#x684C;&#x9762;&#x56FE;&#x6807;&#x6258;&#x76D8;



&#x77E2;&#x91CF;&#x56FE;&#x7F51;&#x7AD9;&#x63A8;&#x8350;&#xFF1A;&#x7AD9;&#x957F;&#x63A8;&#x8350;

&#x6240;&#x6709;&#x8D44;&#x6E90;&#x5DF2;&#x7ECF;&#x5E2E;&#x4F60;&#x6253;&#x5305;&#x81F3;&#x767E;&#x5EA6;&#x7F51;&#x76D8;&#xFF1A;&#x70B9;&#x6211;&#x261E;&#x63D0;&#x53D6;&#x7801;&#xFF1A;f636&#x6B65;&#x9AA4;&#x6559;&#...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-18</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/桌面美化/" class="color5">桌面美化</a>
      
    <a href="/tags/windows/" class="color3">windows</a>
      
    <a href="/tags/mac/" class="color4">mac</a>
      
  </li>

        </ul>
        
            <a href="/37c06834/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-wsPlugins" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/8ebb22b4/">盘点Webstorm好用的插件</a>
    </h1>
  

          
              <span class="header-cate">
                <i class="fa fa-map-marker"></i>
                  
                  <a href="/categories/经验/">经验</a>
                  
              </span>
          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/8ebb22b4/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="盘点Webstorm好用的插件" title="盘点Webstorm好用的插件">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x524D;&#x8A00;&#x2003;&#x2003;&#x8DDD;&#x79BB;&#x4E0A;&#x4E00;&#x6B21;&#x6211;&#x7684;&#x7535;&#x8111;&#x786C;&#x76D8;&#x51FA;&#x6545;&#x969C;&#x5DF2;&#x7ECF;&#x8FC7;&#x53BB;5&#x5929;&#x4E86;&#xFF0C;&#x6211;&#x66F4;&#x6362;&#x4E86;&#x56FA;&#x6001;&#x786C;&#x76D8;&#xFF0C;&#x673A;&#x68B0;&#x786C;&#x76D8;&#x5DF2;&#x7ECF;&#x88AB;&#x7EF4;&#x4FEE;&#x5E08;&#x544A;&#x8BC9;&#x574F;&#x7684;&#x4E0D;&#x50CF;&#x6837;&#x4E86;&#x3002;&#x5BFC;&#x81F4;&#x6211;&#x6240;&#x6709;&#x4E1C;&#x897F;&#x5F00;&#x59CB;...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-14</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/WebStorm/" class="color4">WebStorm</a>
      
    <a href="/tags/插件/" class="color3">插件</a>
      
  </li>

        </ul>
        
            <a href="/8ebb22b4/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-hexoStart" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/9c29/">从零搭建个人博客</a>
    </h1>
  

          
              <span class="header-cate">
                <i class="fa fa-map-marker"></i>
                  
                  <a href="/categories/经验/">经验</a>
                  
              </span>
          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/9c29/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="从零搭建个人博客" title="从零搭建个人博客">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                Quick StartCreate a new post1$ hexo new &quot;My New Post&quot;
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
Some QuestionsUse Theme1$ git clone &apos;somePoplureRespoTheme&apos;
Set DIYTheme you can update some settings in _confid.yml file.
Relative your github1$ npm install hexo-deployer-git --save
Learn some commands1234//init your project of blogs$ hexo i...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-12</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/Hexo/" class="color5">Hexo</a>
      
    <a href="/tags/github/" class="color2">github</a>
      
    <a href="/tags/Node/" class="color5">Node</a>
      
    <a href="/tags/MarkDown/" class="color4">MarkDown</a>
      
    <a href="/tags/HTML5/" class="color1">HTML5</a>
      
    <a href="/tags/CSS3/" class="color5">CSS3</a>
      
    <a href="/tags/Less/" class="color5">Less</a>
      
  </li>

        </ul>
        
            <a href="/9c29/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-PackageAxios" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/4b7bccbf/">axios的二次封装</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/4b7bccbf/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="axios的二次封装" title="axios的二次封装">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x524D;&#x8A00;&#x2003;&#x2003;&#x60F3;&#x60F3;&#x539F;&#x6765;&#x90A3;&#x4E9B;&#x540A;&#x513F;&#x90CE;&#x5F53;&#x7684;axios&#x5C01;&#x88C5;&#xFF0C;&#x73B0;&#x5728;&#x770B;&#x770B;&#xFF0C;&#x201C;&#x8FD9;&#x4EC0;&#x4E48;&#x73A9;&#x610F;&#x513F;&#x201D;&#xFF0C;&#x6765;&#x5427;&#xFF0C;&#x6765;&#x4E00;&#x6CE2;&#x9A9A;&#x64CD;&#x4F5C;&#x3002;
Demo1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374import axios...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-10</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/axios/" class="color1">axios</a>
      
    <a href="/tags/二次封装/" class="color5">二次封装</a>
      
  </li>

        </ul>
        
            <a href="/4b7bccbf/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-vueBasic" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/c444f79e/">Vue进阶之路由基础篇</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/c444f79e/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="Vue进阶之路由基础篇" title="Vue进阶之路由基础篇">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                Vue&#x8FDB;&#x9636;&#x4E4B;&#x8DEF;&#x7531;&#x57FA;&#x7840;&#x7BC7;&#x8DEF;&#x7531;&#x4F20;&#x53C2;123456789     &lt;script &gt;     export default            {              path:&apos;/test/:name&apos;,              name:&apos;test&apos;,              component:() =&gt; import(&apos;@/views/Test.vue&apos;)          }     &lt;/script&gt;
&#x8DEF;&#x7531;&#x8DF3;&#x8F6C;
router-link

12345 &lt;router-link to=&quot;path&quot;&gt;&lt;/router-link&gt; &lt;!-- or you can jump use this method--&gt;...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-02</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/vue/" class="color4">vue</a>
      
  </li>

        </ul>
        
            <a href="/c444f79e/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-vueConfig" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/6edcff1/">Vue进阶之Vue.config.js配置</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/6edcff1/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="Vue进阶之Vue.config.js配置" title="Vue进阶之Vue.config.js配置">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                Vue&#x8FDB;&#x9636;&#x4E4B;vue.config.js&#x914D;&#x7F6E;123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117const path = require(&apos;path&apos;);const CompressionPlugin = require(&quot;compression-webpack-plugin&quot;)const UglifyJsPlugin = require(&apos;uglifyjs-webpack-plugin&apos;);const resolve = di...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-06-02</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/vue/" class="color4">vue</a>
      
    <a href="/tags/vue进阶/" class="color1">vue进阶</a>
      
  </li>

        </ul>
        
            <a href="/6edcff1/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-executeContentAndEventLoop" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/d457a8fb/">执行上下文栈与事件循环</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/d457a8fb/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="执行上下文栈与事件循环" title="执行上下文栈与事件循环">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x524D;&#x8A00;&#x2003;&#x2003;&#x597D;&#x4E45;&#x6CA1;&#x53D1;&#x6587;&#x7AE0;&#x4E86;&#xFF0C;&#x4ECA;&#x5929;&#x6765;&#x603B;&#x7ED3;&#x4E00;&#x4E0B;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x6808;&#x4E0E;&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x961F;&#x5217;&#x3002;
&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x2003;&#x2003;&#x5F53;&#x6211;&#x4EEC;&#x8C03;&#x7528;&#x4E00;&#x4E2A;&#x65B9;&#x6CD5;&#x7684;&#x65F6;&#x5019;&#xFF0C;js&#x4F1A;&#x751F;&#x6210;&#x4E00;&#x4E2A;&#x4E0E;&#x8FD9;&#x4E2A;&#x65B...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-04-26</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/执行上下文/" class="color1">执行上下文</a>
      
    <a href="/tags/事件循环/" class="color5">事件循环</a>
      
    <a href="/tags/JavaScript/" class="color1">JavaScript</a>
      
  </li>

        </ul>
        
            <a href="/d457a8fb/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-lifeandmean" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/89f80402/">生活的意义</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/89f80402/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="生活的意义" title="生活的意义">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x5F15;&#x5B50;&#x2003;&#x2003;&#x4F60;&#x53EF;&#x80FD;&#x60F3;&#x4E0D;&#x5230;&#x6211;&#x662F;&#x5728;&#x4EC0;&#x4E48;&#x6837;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#x5199;&#x7684;&#x8FD9;&#x6837;&#x4E00;&#x7BC7;&#x6587;&#x7AE0;&#xFF0C;&#x8303;&#x56F4;&#x9762;&#x5E7F;&#x4E14;&#x5BCC;&#x6709;&#x54F2;&#x7406;&#x6027;&#x7684;&#x6587;&#x7AE0;&#x3002;
&#x2003;&#x2003;&#x539F;&#x56E0;&#x5462;&#xFF0C;&#x5C31;&#x662F;&#x7ECF;&#x6D4E;&#xFF0C;&#x751F;&#x6D3B;&#x4E0E;&#x610F;&#x4E49;&#x3002;

&#x751F;&#x6D3...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-03-31</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/心情/" class="color3">心情</a>
      
    <a href="/tags/生活/" class="color3">生活</a>
      
    <a href="/tags/生命/" class="color3">生命</a>
      
  </li>

        </ul>
        
            <a href="/89f80402/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-webworker" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/d8995760/">WebWorker究极探索</a>
    </h1>
  

          
              <span class="header-cate">
                <i class="fa fa-map-marker"></i>
                  
                  <a href="/categories/WebWorker/">WebWorker</a>
                  
              </span>
          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/d8995760/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="WebWorker究极探索" title="WebWorker究极探索">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                WebWorkerMDN&#x5B98;&#x65B9;&#x4ECB;&#x7ECD;Web Workers&#x662F;Web&#x5185;&#x5BB9;&#x5728;&#x540E;&#x53F0;&#x7EBF;&#x7A0B;&#x4E2D;&#x8FD0;&#x884C;&#x811A;&#x672C;&#x7684;&#x7B80;&#x5355;&#x65B9;&#x6CD5;&#x3002;&#x5DE5;&#x4F5C;&#x7EBF;&#x7A0B;&#x53EF;&#x4EE5;&#x5728;&#x4E0D;&#x5E72;&#x6270;&#x7528;&#x6237;&#x754C;&#x9762;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#x6267;&#x884C;&#x4EFB;&#x52A1;&#x3002;&#x6B64;&#x5916;&#xFF0C;&#x5B83;&#x4EEC;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;I / O&#x6267;&#x884C;XMLHttpReq...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-03-30</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/H5/" class="color3">H5</a>
      
    <a href="/tags/WebWorker/" class="color5">WebWorker</a>
      
    <a href="/tags/性能优化/" class="color5">性能优化</a>
      
  </li>

        </ul>
        
            <a href="/d8995760/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-FirstNpm" class="article article-type-post" itemscope="" itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/5009542e/">如何发布自己的npm包</a>
    </h1>
  

          
              <span class="header-cate">
                <i class="fa fa-map-marker"></i>
                  
                  <a href="/categories/NPM/">NPM</a>
                  
              </span>
          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a href="/5009542e/">
                
                <img src="https://bigbigdreamer.github.io/images/hexostart.jpg" alt="如何发布自己的npm包" title="如何发布自己的npm包">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                &#x524D;&#x8A00;
&#x5C31;&#x5728;&#x6628;&#x5929;&#xFF0C;&#x81EA;&#x5DF1;&#x5185;&#x5FC3;&#x840C;&#x53D1;&#x4E86;&#x4E00;&#x4E2A;&#x60F3;&#x6CD5;&#xFF0C;&#x90A3;&#x5C31;&#x662F;&#x5C01;&#x88C5;&#x81EA;&#x5DF1;&#x7684;Vue&#x7EC4;&#x4EF6;&#xFF0C;&#x81EA;&#x5DF1;&#x7528;&#x81EA;&#x5DF1;&#x7684;&#x4E1C;&#x897F;&#xFF0C;&#x81EA;&#x5DF1;&#x7EF4;&#x62A4;&#x81EA;&#x5DF1;&#x7684;&#x4E1C;&#x897F;&#x3002;&#x4E8E;&#x662F;&#x4FBF;&#x8BD5;&#x9A8C;&#x4E86;&#x4E00;&#x6B21;&#x53D1;&#x5E03;NPM&#x5305;&#x3002;

...
            </p>
        </div>
      
        
    </div>
    <footer class="article-footer">
        
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2019-03-09</li>
            
            
  <li class="article-footer-tags">
    <i class="fa fa-tags"></i>
      
    <a href="/tags/NPM/" class="color4">NPM</a>
      
    <a href="/tags/Package/" class="color3">Package</a>
      
  </li>

        </ul>
        
            <a href="/5009542e/#more" class="article-more-link">more&gt;&gt;</a>
        
    </footer>
  </div>
</article>


  


  <nav id="page-nav">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/5/">5</a><a class="extend next" rel="next" href="/page/2/">Next >></a>
  </nav>
</section>
        
      </div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      
<p>
    <span id="busuanzi_container_site_uv" style="display:none">
        总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style="display:none">
        总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


      <p>
        Powered by  <a href="http://hexo.io/" target="_blank">Hexo</a>
        Theme <a href="//github.com/wongminho/hexo-theme-miho" target="_blank">MiHo</a>
      &copy; 2019 <br>
      </p>
    </div>
  </div>
</footer>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
  var mihoConfig = {
      root: "https://bigbigdreamer.github.io",
      animate: true,
      isHome: true,
      share: true,
      reward: 1
  }
</script>
<div class="sidebar">
    <div id="sidebar-search" title="Search">
        <i class="fa fa-search"></i>
    </div>
    <div id="sidebar-category" title="Categories">
        <i class="fa fa-book"></i>
    </div>
    <div id="sidebar-tag" title="Tags">
        <i class="fa fa-tags"></i>
    </div>
    <div id="sidebar-top">
        <span class="sidebar-top-icon"><i class="fa fa-angle-up"></i></span>
    </div>
</div>
<div class="sidebar-menu-box" id="sidebar-menu-box">
    <div class="sidebar-menu-box-container">
        <div id="sidebar-menu-box-categories">
            <a class="category-link" href="/categories/CSS/">CSS</a><a class="category-link" href="/categories/ES6/">ES6</a><a class="category-link" href="/categories/JS原型链/">JS原型链</a><a class="category-link" href="/categories/Linux/">Linux</a><a class="category-link" href="/categories/NPM/">NPM</a><a class="category-link" href="/categories/Node/">Node</a><a class="category-link" href="/categories/Vue/">Vue</a><a class="category-link" href="/categories/Vue-Router/">Vue-Router</a><a class="category-link" href="/categories/WebWorker/">WebWorker</a><a class="category-link" href="/categories/ajax/">ajax</a><a class="category-link" href="/categories/前端接口调试/">前端接口调试</a><a class="category-link" href="/categories/方法/">方法</a><a class="category-link" href="/categories/杂货/">杂货</a><a class="category-link" href="/categories/经验/">经验</a><a class="category-link" href="/categories/设计模式/">设计模式</a>
        </div>
        <div id="sidebar-menu-box-tags">
            <a href="/tags/Async/" style="font-size: 10px;">Async</a> <a href="/tags/Babel-7-0/" style="font-size: 10px;">Babel 7.0</a> <a href="/tags/CSS/" style="font-size: 10px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 10px;">CSS3</a> <a href="/tags/CSS样式/" style="font-size: 10px;">CSS样式</a> <a href="/tags/Collapse/" style="font-size: 10px;">Collapse</a> <a href="/tags/DMZ/" style="font-size: 10px;">DMZ</a> <a href="/tags/DOM/" style="font-size: 10px;">DOM</a> <a href="/tags/ES6/" style="font-size: 17.5px;">ES6</a> <a href="/tags/EXT/" style="font-size: 10px;">EXT</a> <a href="/tags/FAT/" style="font-size: 10px;">FAT</a> <a href="/tags/Function/" style="font-size: 10px;">Function</a> <a href="/tags/H5/" style="font-size: 10px;">H5</a> <a href="/tags/HTML5/" style="font-size: 10px;">HTML5</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/JS/" style="font-size: 12.5px;">JS</a> <a href="/tags/JS模块化/" style="font-size: 10px;">JS模块化</a> <a href="/tags/JavaScript/" style="font-size: 12.5px;">JavaScript</a> <a href="/tags/Less/" style="font-size: 10px;">Less</a> <a href="/tags/Linux/" style="font-size: 10px;">Linux</a> <a href="/tags/MarkDown/" style="font-size: 10px;">MarkDown</a> <a href="/tags/Modal/" style="font-size: 10px;">Modal</a> <a href="/tags/NPM/" style="font-size: 10px;">NPM</a> <a href="/tags/Node/" style="font-size: 10px;">Node</a> <a href="/tags/Package/" style="font-size: 10px;">Package</a> <a href="/tags/Promise/" style="font-size: 12.5px;">Promise</a> <a href="/tags/Render/" style="font-size: 10px;">Render</a> <a href="/tags/Sync/" style="font-size: 10px;">Sync</a> <a href="/tags/Template/" style="font-size: 10px;">Template</a> <a href="/tags/Vue/" style="font-size: 20px;">Vue</a> <a href="/tags/WebStorm/" style="font-size: 12.5px;">WebStorm</a> <a href="/tags/WebWorker/" style="font-size: 10px;">WebWorker</a> <a href="/tags/ajax/" style="font-size: 10px;">ajax</a> <a href="/tags/axios/" style="font-size: 12.5px;">axios</a> <a href="/tags/bat文件/" style="font-size: 10px;">bat文件</a> <a href="/tags/dos/" style="font-size: 10px;">dos</a> <a href="/tags/es6/" style="font-size: 10px;">es6</a> <a href="/tags/exports/" style="font-size: 10px;">exports</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/iview/" style="font-size: 15px;">iview</a> <a href="/tags/mac/" style="font-size: 10px;">mac</a> <a href="/tags/module-exports/" style="font-size: 10px;">module.exports</a> <a href="/tags/newTarget/" style="font-size: 10px;">newTarget</a> <a href="/tags/newYear/" style="font-size: 10px;">newYear</a> <a href="/tags/nginx/" style="font-size: 10px;">nginx</a> <a href="/tags/node/" style="font-size: 10px;">node</a> <a href="/tags/postman/" style="font-size: 10px;">postman</a> <a href="/tags/queue/" style="font-size: 10px;">queue</a> <a href="/tags/scope/" style="font-size: 10px;">scope</a> <a href="/tags/scroll/" style="font-size: 10px;">scroll</a> <a href="/tags/vue/" style="font-size: 17.5px;">vue</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue @cli3.0</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue-cli3.0</a> <a href="/tags/vue-router/" style="font-size: 10px;">vue-router</a> <a href="/tags/vue进阶/" style="font-size: 10px;">vue进阶</a> <a href="/tags/webpack/" style="font-size: 10px;">webpack</a> <a href="/tags/windows/" style="font-size: 10px;">windows</a> <a href="/tags/一曲相思/" style="font-size: 10px;">一曲相思</a> <a href="/tags/事件循环/" style="font-size: 10px;">事件循环</a> <a href="/tags/二次封装/" style="font-size: 10px;">二次封装</a> <a href="/tags/优化体验/" style="font-size: 10px;">优化体验</a> <a href="/tags/单例模式/" style="font-size: 10px;">单例模式</a> <a href="/tags/原型链/" style="font-size: 10px;">原型链</a> <a href="/tags/双大括号表达式/" style="font-size: 10px;">双大括号表达式</a> <a href="/tags/域名/" style="font-size: 10px;">域名</a> <a href="/tags/富文本编辑器/" style="font-size: 10px;">富文本编辑器</a> <a href="/tags/封装/" style="font-size: 10px;">封装</a> <a href="/tags/开发环境/" style="font-size: 10px;">开发环境</a> <a href="/tags/心情/" style="font-size: 12.5px;">心情</a> <a href="/tags/心灵驿站/" style="font-size: 10px;">心灵驿站</a> <a href="/tags/性能优化/" style="font-size: 10px;">性能优化</a> <a href="/tags/情感/" style="font-size: 10px;">情感</a> <a href="/tags/执行上下文/" style="font-size: 10px;">执行上下文</a> <a href="/tags/插件/" style="font-size: 10px;">插件</a> <a href="/tags/搜狐畅言/" style="font-size: 10px;">搜狐畅言</a> <a href="/tags/数据结构/" style="font-size: 10px;">数据结构</a> <a href="/tags/日常修仙/" style="font-size: 10px;">日常修仙</a> <a href="/tags/服务器数据Mock/" style="font-size: 10px;">服务器数据Mock</a> <a href="/tags/杂货/" style="font-size: 10px;">杂货</a> <a href="/tags/柯里化/" style="font-size: 10px;">柯里化</a> <a href="/tags/桌面美化/" style="font-size: 10px;">桌面美化</a> <a href="/tags/气泡提示/" style="font-size: 10px;">气泡提示</a> <a href="/tags/生产环境/" style="font-size: 10px;">生产环境</a> <a href="/tags/生命/" style="font-size: 10px;">生命</a> <a href="/tags/生活/" style="font-size: 10px;">生活</a> <a href="/tags/简单工厂模式/" style="font-size: 10px;">简单工厂模式</a> <a href="/tags/腾讯云/" style="font-size: 10px;">腾讯云</a> <a href="/tags/设计模式/" style="font-size: 12.5px;">设计模式</a> <a href="/tags/调试/" style="font-size: 10px;">调试</a> <a href="/tags/跨域/" style="font-size: 10px;">跨域</a>
        </div>
    </div>
    <a href="javascript:;" class="sidebar-menu-box-close">&times;</a>
</div>
<div class="mobile-header-menu-nav" id="mobile-header-menu-nav">
    <div class="mobile-header-menu-container">
        <span class="title">Menus</span>
        <ul class="mobile-header-menu-navbar">
            
            <li>
                <a href="/">
                    <i class="fa fa-home"></i><span>主页</span>
                </a>
            </li>
            
            <li>
                <a href="/archives">
                    <i class="fa fa-archive"></i><span>文章</span>
                </a>
            </li>
            
            <li>
                <a href="/about">
                    <i class="fa fa-user"></i><span>个人介绍</span>
                </a>
            </li>
            
            <li>
                <a href="/photo">
                    <i class="fa fa-photo"></i><span>照片集</span>
                </a>
            </li>
            
            <li>
                <a href="/works">
                    <i class="fa fa-briefcase"></i><span>作品集</span>
                </a>
            </li>
            
        </ul>
    </div>
    <div class="mobile-header-tag-container">
        <span class="title">Tags</span>
        <div id="mobile-header-container-tags">
            <a href="/tags/Async/" style="font-size: 10px;">Async</a> <a href="/tags/Babel-7-0/" style="font-size: 10px;">Babel 7.0</a> <a href="/tags/CSS/" style="font-size: 10px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 10px;">CSS3</a> <a href="/tags/CSS样式/" style="font-size: 10px;">CSS样式</a> <a href="/tags/Collapse/" style="font-size: 10px;">Collapse</a> <a href="/tags/DMZ/" style="font-size: 10px;">DMZ</a> <a href="/tags/DOM/" style="font-size: 10px;">DOM</a> <a href="/tags/ES6/" style="font-size: 17.5px;">ES6</a> <a href="/tags/EXT/" style="font-size: 10px;">EXT</a> <a href="/tags/FAT/" style="font-size: 10px;">FAT</a> <a href="/tags/Function/" style="font-size: 10px;">Function</a> <a href="/tags/H5/" style="font-size: 10px;">H5</a> <a href="/tags/HTML5/" style="font-size: 10px;">HTML5</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/JS/" style="font-size: 12.5px;">JS</a> <a href="/tags/JS模块化/" style="font-size: 10px;">JS模块化</a> <a href="/tags/JavaScript/" style="font-size: 12.5px;">JavaScript</a> <a href="/tags/Less/" style="font-size: 10px;">Less</a> <a href="/tags/Linux/" style="font-size: 10px;">Linux</a> <a href="/tags/MarkDown/" style="font-size: 10px;">MarkDown</a> <a href="/tags/Modal/" style="font-size: 10px;">Modal</a> <a href="/tags/NPM/" style="font-size: 10px;">NPM</a> <a href="/tags/Node/" style="font-size: 10px;">Node</a> <a href="/tags/Package/" style="font-size: 10px;">Package</a> <a href="/tags/Promise/" style="font-size: 12.5px;">Promise</a> <a href="/tags/Render/" style="font-size: 10px;">Render</a> <a href="/tags/Sync/" style="font-size: 10px;">Sync</a> <a href="/tags/Template/" style="font-size: 10px;">Template</a> <a href="/tags/Vue/" style="font-size: 20px;">Vue</a> <a href="/tags/WebStorm/" style="font-size: 12.5px;">WebStorm</a> <a href="/tags/WebWorker/" style="font-size: 10px;">WebWorker</a> <a href="/tags/ajax/" style="font-size: 10px;">ajax</a> <a href="/tags/axios/" style="font-size: 12.5px;">axios</a> <a href="/tags/bat文件/" style="font-size: 10px;">bat文件</a> <a href="/tags/dos/" style="font-size: 10px;">dos</a> <a href="/tags/es6/" style="font-size: 10px;">es6</a> <a href="/tags/exports/" style="font-size: 10px;">exports</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/iview/" style="font-size: 15px;">iview</a> <a href="/tags/mac/" style="font-size: 10px;">mac</a> <a href="/tags/module-exports/" style="font-size: 10px;">module.exports</a> <a href="/tags/newTarget/" style="font-size: 10px;">newTarget</a> <a href="/tags/newYear/" style="font-size: 10px;">newYear</a> <a href="/tags/nginx/" style="font-size: 10px;">nginx</a> <a href="/tags/node/" style="font-size: 10px;">node</a> <a href="/tags/postman/" style="font-size: 10px;">postman</a> <a href="/tags/queue/" style="font-size: 10px;">queue</a> <a href="/tags/scope/" style="font-size: 10px;">scope</a> <a href="/tags/scroll/" style="font-size: 10px;">scroll</a> <a href="/tags/vue/" style="font-size: 17.5px;">vue</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue @cli3.0</a> <a href="/tags/vue-cli3-0/" style="font-size: 10px;">vue-cli3.0</a> <a href="/tags/vue-router/" style="font-size: 10px;">vue-router</a> <a href="/tags/vue进阶/" style="font-size: 10px;">vue进阶</a> <a href="/tags/webpack/" style="font-size: 10px;">webpack</a> <a href="/tags/windows/" style="font-size: 10px;">windows</a> <a href="/tags/一曲相思/" style="font-size: 10px;">一曲相思</a> <a href="/tags/事件循环/" style="font-size: 10px;">事件循环</a> <a href="/tags/二次封装/" style="font-size: 10px;">二次封装</a> <a href="/tags/优化体验/" style="font-size: 10px;">优化体验</a> <a href="/tags/单例模式/" style="font-size: 10px;">单例模式</a> <a href="/tags/原型链/" style="font-size: 10px;">原型链</a> <a href="/tags/双大括号表达式/" style="font-size: 10px;">双大括号表达式</a> <a href="/tags/域名/" style="font-size: 10px;">域名</a> <a href="/tags/富文本编辑器/" style="font-size: 10px;">富文本编辑器</a> <a href="/tags/封装/" style="font-size: 10px;">封装</a> <a href="/tags/开发环境/" style="font-size: 10px;">开发环境</a> <a href="/tags/心情/" style="font-size: 12.5px;">心情</a> <a href="/tags/心灵驿站/" style="font-size: 10px;">心灵驿站</a> <a href="/tags/性能优化/" style="font-size: 10px;">性能优化</a> <a href="/tags/情感/" style="font-size: 10px;">情感</a> <a href="/tags/执行上下文/" style="font-size: 10px;">执行上下文</a> <a href="/tags/插件/" style="font-size: 10px;">插件</a> <a href="/tags/搜狐畅言/" style="font-size: 10px;">搜狐畅言</a> <a href="/tags/数据结构/" style="font-size: 10px;">数据结构</a> <a href="/tags/日常修仙/" style="font-size: 10px;">日常修仙</a> <a href="/tags/服务器数据Mock/" style="font-size: 10px;">服务器数据Mock</a> <a href="/tags/杂货/" style="font-size: 10px;">杂货</a> <a href="/tags/柯里化/" style="font-size: 10px;">柯里化</a> <a href="/tags/桌面美化/" style="font-size: 10px;">桌面美化</a> <a href="/tags/气泡提示/" style="font-size: 10px;">气泡提示</a> <a href="/tags/生产环境/" style="font-size: 10px;">生产环境</a> <a href="/tags/生命/" style="font-size: 10px;">生命</a> <a href="/tags/生活/" style="font-size: 10px;">生活</a> <a href="/tags/简单工厂模式/" style="font-size: 10px;">简单工厂模式</a> <a href="/tags/腾讯云/" style="font-size: 10px;">腾讯云</a> <a href="/tags/设计模式/" style="font-size: 12.5px;">设计模式</a> <a href="/tags/调试/" style="font-size: 10px;">调试</a> <a href="/tags/跨域/" style="font-size: 10px;">跨域</a>
        </div>
    </div>
</div>
<div class="search-wrap">
    <span class="search-close">&times;</span>
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
            <i class="icon icon-lg icon-chevron-left"></i>
        </a>
        <input class="search-field" placeholder="Search..." id="keywords">
        <a id="search-submit" href="javascript:;">
            <i class="fa fa-search"></i>
        </a>
    <div class="search-container" id="search-container">
        <ul class="search-result" id="search-result">
        </ul>
    </div>
</div>

<div id="search-tpl">
    <li class="search-result-item">
        <a href="{url}" class="search-item-li">
            <span class="search-item-li-title" title="{title}">{title}</span>
        </a>
    </li>
</div>
<script src="/js/search.js"></script>
<script src="/js/main.js"></script>


  <script src="//cdn.bootcss.com/particles.js/2.0.0/particles.min.js"></script>
  <div id="particles"></div>
  <script src="/js/particles.js"></script>







  <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">
  <script src="//cdn.bootcss.com/scrollReveal.js/3.0.5/scrollreveal.js"></script>
  <script src="/js/animate.js"></script>


  </div>
</body>
</html>